﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true" CodeBehind="userManagement.aspx.cs" Inherits="Export.Web.Ui.pages.userManagement" %>

<asp:Content ID="Content1" ContentPlaceHolderID="cp_head" runat="server">

    <style type="text/css">
        #fm {
            margin: 0;
            padding: 10px 10px;
        }

        .ftitle {
            font-size: 14px;
            font-weight: bold;
            color: #666;
            padding: 5px 0;
            margin-bottom: 10px;
            border-bottom: 1px solid #ccc;
        }

        .fitem {
            margin-bottom: 5px;
        }

            .fitem label {
                display: inline-block;
                width: 80px;
            }
    </style>

    <script src="/scripts/export/helper.js"></script>
    <script src="/Scripts/export/userManagement.js"></script>

</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="cp_body" runat="server">
    <div id="UserTab" class="easyui-tabs" style="float: left; margin-right: 10px">
        <div title="จัดการข้อมูลผู้ใช้งาน" style="padding: 10px;">
            <h2 style="float: left">เพิ่มแก้ไขและลบข้อมูลผู้ใช้งาน</h2>
            <div class="demo-tip icon-tip" style="float: left;">
                &nbsp;
            </div>
            <div style="clear: both">
            </div>
            <table id="dgUser" title="เพิ่มแก้ไขและลบข้อมูลผู้ใช้งาน" class="easyui-datagrid"
                style="width: auto; height: 400px;" toolbar="#toolbarNonHr" 
               rownumbers="true" singleselect="true">
                <thead>
                    <tr>
                        <th field="UserName" width="100" align="center" sortable="true">UserName
                        </th>
                        <th field="Password" width="150" align="center" sortable="true">Password
                        </th>
                        <th field="RoleString" width="100" align="center" sortable="true">Role
                        </th>
                        <th field="Active" width="150" align="center" sortable="true">Active
                        </th>
                    </tr>
                </thead>
            </table>
            <div id="toolbarNonHr">
                <a href="#" class="easyui-linkbutton" iconcls="icon-add" plain="true" onclick="addNonHR()">เพิ่มข้อมูลผู้ใช้งาน</a> <a href="#" class="easyui-linkbutton" iconcls="icon-edit"
                    plain="true" onclick="editNonHR()">แก้ไขข้อมูลผู้ใช้งาน</a> <a href="#" class="easyui-linkbutton"
                        iconcls="icon-remove" plain="true" onclick="deleteNonHR()">ลบข้อมูลผู้ใช้งาน</a>
            </div>
            <div id="dlgNonHr" class="easyui-dialog" style="width: 400px; height: 450px; padding: 10px 20px"
                closed="true" buttons="#dlgNonHr-buttons">
                <div class="ftitle">
                    กรุณาระบุข้อมูล
                </div>
                <form id="FormNonHr" method="post" novalidate>
                    <div class="fitem">
                        <label>
                            UserName</label>
                        <input id="username" name="username">
                        <label>
                            Password</label>
                        <input type="password" id="password" name="password">
                        <label>
                            Re-Password</label>
                        <input type="password" id="rePassword" name="rePassword">
                        <label>
                            Email</label>
                        <input id="email" name="email">
                        <label>
                            Full Name</label>
                        <input id="fullname" name="fullname">
                        <label>
                            Role</label>
                        <input class="easyui-combobox" id="userRole" name="userRole" data-options="
                    url:'/service/api.ashx?metdhodName=getAllRoleActive',
                    method:'get',
                    valueField:'Id',
                    textField:'Name',
                    panelHeight:'auto'
                    ">
                        <label>
                            Phone No.</label>
                        <input id="phone" name="phone">
                        <label>
                            Fax No.</label>
                        <input id="fax" name="fax">

                        <label>
                            Active</label>
                        <input type="checkbox" id="isactive" name="isactive">
                    </div>
                </form>
            </div>
            <div id="dlgNonHr-buttons">
                <a href="#" class="easyui-linkbutton" iconcls="icon-ok" onclick="saveNonHR()">Save</a>
                <a href="#" class="easyui-linkbutton" iconcls="icon-cancel" onclick="javascript:jQuery('#dlgNonHr').dialog('close')">Cancel</a>
            </div>
        </div>
        <div title="จัดการข้อมูลระดับการใช้งาน" style="padding: 10px;">
            <h2 style="float: left">เพิ่มแก้ไขและระดับการใช้งาน</h2>
            <div class="demo-tip icon-tip" style="float: left;">
                &nbsp;
            </div>
            <div style="clear: both">
            </div>

            <table id="dgRole" title="เพิ่มแก้ไขและลบระดับการใช้งาน" class="easyui-datagrid"
                style="width: auto; height: 400px;" toolbar="#toolbarRole" pagination="true"
                pagesize="10" loadfilter="pagerFilter" rownumbers="true" singleselect="true">
                <thead>
                    <tr>
                        <th field="Name" width="100" align="center" sortable="true">Role Name
                        </th>
                        <th field="Active" width="150" align="center" sortable="true" formatter="formatCheckbox">Active
                        </th>
                    </tr>
                </thead>
            </table>
            <div id="toolbarRole">
                <a href="#" class="easyui-linkbutton" iconcls="icon-add" plain="true" onclick="addRole();">เพิ่มระดับการใช้งาน</a> <a href="#" class="easyui-linkbutton" iconcls="icon-edit"
                    plain="true" onclick="editRole()">แก้ไขข้อมูลระดับการใช้งาน</a> <a href="#" class="easyui-linkbutton"
                        iconcls="icon-remove" plain="true" onclick="deleteRole();">ลบข้อมูลระดับการใช้งาน</a>
            </div>
            <div id="dlgRole" class="easyui-dialog" style="width: 300px; height: 350px; padding: 10px 20px"
                closed="true" buttons="#dlgRole-buttons">
                <div class="ftitle">
                    กรุณาระบุข้อมูล
                </div>
                <form id="FormRole" method="post" novalidate>
                    <div class="fitem">
                        <label>
                            Role Name</label>
                        <br />
                        <input id="roleName" name="roleName">
                        <label>
                            Enable</label>
                        <input type="checkbox" id="roleEnable" name="roleEnable" checked="checked">
                    </div>
                </form>
            </div>
            <div id="dlgRole-buttons">
                <a href="#" class="easyui-linkbutton" iconcls="icon-ok" onclick="saveRole()">Save</a>
                <a href="#" class="easyui-linkbutton" iconcls="icon-cancel" onclick="javascript:jQuery('#dlgRole').dialog('close')">Cancel</a>
            </div>
        </div>
    </div>
</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="cp_scriptBelow" runat="server">
</asp:Content>
